<template>
  <div class="contractDraftDetail">
    <breadcrumb
      isApproval
      :breadcrumbArr="jsList.breadcrumbArr"
      :breadcrumbLastItem="$route.query.name"
      state="detail"
      @handleBack="handleBack"
    />
    <contractDraftDetail ref="changedetail" />
    <approvalOperate />
  </div>
</template>

<script>
import jsList from "../js";
import contractDraftDetail from "@/app/contractManagement/equipmentContract/contractDraft/views/item-detail";
import approvalOperate from "@/basa/components/public/approval/approval-operate";
import publicComponent from "@/basa/components/public";
export default {
  components: {
    contractDraftDetail,
    approvalOperate,
    breadcrumb: publicComponent.breadcrumb
  },
  methods: {
    handleBack() {
      this.$router.back();
    }
  },
  computed: {
    jsList: () => jsList
  },
  deactivated() {
    this.$refs.changedetail.nextIsTrue();
  }
};
</script>

<style lang="scss">
.contractDraftDetail {
  .ccui-navigation {
    display: none;
  }
  .el-bottom-guide {
    display: none;
  }
}
</style>
